<!--<nav class="navbar navbar-default" v-bind:class="{'navbar-inverse' : inverted}">-->
    <!--<div class="container-fluid">-->
        <!-- Brand and toggle get grouped for better mobile display -->
        <!--<div class="navbar-header">
            <a class="navbar-brand" href="#">vue-typescript</a>
        </div>-->

        <!-- Collect the nav links, forms, and other content for toggling -->
        <!--<div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
            <ul class="nav navbar-nav">
                <li v-for="link in links" v-bind:class="{'active' : $route.path == link.path}"><a v-link="{ path: link.path }">{{link.name}}</a></li>
            </ul>
        </div>
    </div>
</nav>-->

  <!-- navbar -->
  <div  class="app-header navbar" v-show="isLogined">
      <!-- navbar header -->
      <div class="navbar-header bg-black">
        <button class="pull-right visible-xs dk" ui-toggle-class="show" data-target=".navbar-collapse">
          <i class="glyphicon glyphicon-cog"></i>
        </button>
        <button class="pull-right visible-xs" ui-toggle-class="off-screen" data-target=".app-aside" ui-scroll="app">
          <i class="glyphicon glyphicon-align-justify"></i>
        </button>
        <!-- brand -->
        <a href="#/" class="navbar-brand text-lt">
          <!--<i class="fa fa-btc"></i>-->
          <img src="" alt="." class="hide">
          <span class="hidden-folded m-l-xs text-base l-s-3x font-thin" style="letter-spacing: 1.5px">飓风物流客户服务平台</span>
        </a>
        <!-- / brand -->
      </div>
      <!-- / navbar header -->

      <!-- navbar collapse -->
      <div class="collapse pos-rlt navbar-collapse box-shadow bg-white-only">
        <!-- buttons -->
        <div class="nav navbar-nav hidden-xs">
          <a href class="btn no-shadow navbar-btn" >
            <i class="fa fa-dedent fa-fw"></i>
          </a>
        </div>
        <!-- / buttons -->

        <!-- nabar right -->
        <ul class="nav navbar-nav navbar-right">
          
          <li class="hidden-xs">
            <a ui-fullscreen></a>
          </li>
          
          <li class="dropdown" >
            <a href class="dropdown-toggle clear" data-toggle="dropdown">
              <span class="thumb-sm avatar pull-right m-t-n-sm m-b-n-sm m-l-sm">
                <!--<img   src="../src/img/a0.jpg" alt="...">-->
                <img  id="userImg"  alt="...">
                
                <i class="on md b-white bottom"></i>
              </span>
              <span class="hidden-sm hidden-md">{{realName}}</span> <b class="caret"></b>
            </a>
            <!-- dropdown -->
            <ul class="dropdown-menu animated fadeInRight w">
              
              <li>
                <a v-link="{path:links[11].path}">退出登陆</a>
              </li>
            </ul>
            <!-- / dropdown -->
          </li>
        </ul>
        <!-- / navbar right -->

      </div>
      <!-- / navbar collapse -->
  </div>
  <!-- / navbar -->
      


<!-- menu -->
  <div class="app-aside hidden-xs bg-black" v-show="isLogined">
    <div class="aside-wrap">
        <div class="navi-wrap">
            <div class="navi">
                <!-- list -->
                <ul class="nav">
                    <li class="line dk"></li>
                    <!--<li v-bind:class="{'active' : $route.path == links[0].path}" id="navbarHome">
                        <a v-link="{path:links[0].path}" @click="toggle('Home')">
                            <i class="glyphicon glyphicon-user icon text-info-dker"></i>
                            <span>用户管理</span>
                            <b class="badge bg-danger pull-right">{{total}}</b>
                        </a>
                    </li>-->
                    <!--<li v-bind:class="{'active' : $route.path == links[1].path}">
                        <a v-link="{path:links[1].path}">
                            <i class="glyphicon glyphicon-user icon text-info-dker"></i>
                            <span>about</span>
                        </a>
                    </li>-->


                    <li class="ng-scope"  id="navbarAbout">
                        <a class="auto" @click="toggle('About')" v-link="{path:links[2].path}">
                            <span class="pull-right text-muted">
                                <i class="glyphicon glyphicon-chevron-right text"></i>
                                <i class="glyphicon glyphicon-chevron-down text-active"></i>
                            </span>
                            <!--<i class="fa fa-gears"></i>-->
                            <i class="glyphicon glyphicon-usd icon text-info-dker"></i>
                            <span>询价</span>
                        </a>
                        <ul class="nav nav-sub dk">
                            <li class="nav-sub-header">
                                <a href>
                                    <span>询价</span>
                                </a>
                            </li>
                            <li v-bind:class="{'active' : $route.path == links[2].path}">
                                <a v-link="{path:links[2].path}">
                                    <span>询价发布管理</span>
                                </a>
                            </li>
                            <li v-bind:class="{'active' : $route.path == links[3].path}">
                                <a v-link="{path:links[3].path}">
                                    <span>询价单管理</span>
                                </a>
                            </li>
                        </ul>
                    </li>
                    

                    <li class="ng-scope"  id="navbarOrder">
                        <a class="auto" @click="toggle('Order')" v-link="{path:links[5].path}">
                            <span class="pull-right text-muted">
                                <i class="glyphicon glyphicon-chevron-right text"></i>
                                <i class="glyphicon glyphicon-chevron-down text-active"></i>
                            </span>
                            <!--<i class="fa fa-gears"></i>-->
                            <i class="glyphicon glyphicon-duplicate icon text-info-dker"></i>
                            <span>发货</span>
                        </a>
                    <ul class="nav nav-sub dk">
                            <li class="nav-sub-header">
                                <a href>
                                    <span>发货</span>
                                </a>
                            </li>
                            <li v-bind:class="{'active' : $route.path == links[5].path}">
                                <a v-link="{path:links[5].path}">
                                    <span>订单发布管理</span>
                                </a>
                            </li>
                            <li v-bind:class="{'active' : $route.path == links[8].path}">
                                <a v-link="{path:links[8].path}">
                                    <span>订单管理</span>
                                </a>
                            </li>
                        </ul>
                    </li>


                    <li v-bind:class="{'active' : $route.path == links[10].path}" id="navbarHome">
                        <a v-link="{path:links[10].path}">
                            <i class="glyphicon glyphicon-user icon text-info-dker"></i>
                            <span>个人设置</span>
                            <b class="badge bg-danger pull-right">{{total}}</b>
                        </a>
                    </li>

                </ul>
                <!-- / list -->
            </div>
            
        </div>
    </div>
  </div>
<!-- / menu -->



<!-- footer -->
    <div class="app-footer wrapper b-t bg-light" v-show="isLogined" >
    <span class="pull-right"> <a href ui-scroll="app" class="m-l-sm text-muted"><i class="fa fa-long-arrow-up"></i></a></span>
    Copyright &copy; 2017, All Rights Reserved Powered By SINO logistics networking technology
    </div>
<!-- / footer -->

